<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>派生选择器案例</title>
		<!-- 需求：派生选择器抓取页面行内2  颜色任意 字体放大50px
		     父元素[id]
		-->
		<style>
			#d1 div div span{
				font-size: 50px;
				color: #55ffff;
			}
			/* 派生选择器  找两个删除线 颜色 删除线1红色 删除线2绿色 */
			.d1 div div s{
				color: #ff0000;
			}
			.d1 div div div s{
				color: #55ff00;
			}
		</style>
	</head>
	<body>
		<div class="d1">
			<div><p>段落1</p><div><s>删除线1</s><div><s>删除线2</s></div></div></div>
			<div><p>段落2</p></div>
			
			
		</div>
		
		<div id="d1">
		<div>
			<p>段落</p>
			<span>行内</span>
			<div>
				<span>行内2</span>
			 </div>
			</div>
		</div>
	</body>
</html>